<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>写信</title>
    <link rel="stylesheet" href="../plug-in/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../plug-in/font-awesome-4.7.0/css/font-awesome.min.css"/>

    <link rel="stylesheet" href="../css/write.css" />

    <script src="../plug-in/jquery-3.2.1.min.js"></script>
    <script src="../plug-in/wangEditor-3.0.8/release/wangEditor.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/editorClass.js"></script>
    <script src="../js/write.js"></script>
</head>
<body>
<div class="btns">
    <button class="z-btn" onclick="sendMail()" style="background: #459830;color: #fff;"><span class="fa fa-send-o fa-lg" ></span> 发送</button>
    <button class="z-btn" onclick="saveDraft()">存草稿</button>
    <button class="z-btn" onclick="cancelWrite()">取消</button>
</div>
<form id="write" class="form-content">
    <div class="input-">
        <span><a href="javascript:;">收件人</a>：</span>
        <input type="text" name="recipients" onchange="validEmail()"/>
    </div>
    <div class="input-">
        <span>主 题：</span>
        <input type="text" name="title" onchange="validTitle()"/>
    </div>
    <div class="input-">
        <a href="javascript:;">添加附件</a>
    </div>
    <div id="editor"></div>
</form>
<div class="bottom">
    <div>
        <button class="z-btn" onclick="sendMail()" style="background: #459830;color: #fff;"><span class="fa fa-send-o fa-lg" ></span> 发送</button>
        <button class="z-btn" onclick="saveDraft()">存草稿</button>
        <button class="z-btn" onclick="cancelWrite()">取消</button>
    </div>
    <div>
        <span>发件人：</span><span>用户1</span>
    </div>
</div>
</body>
</html>